<template>
  <tab-bar>
    <tab-baritem path="/home">
      <span slot="item-icon" class="iconfont  icon-shouye1"></span>
      <div slot="item-text">首页</div>
    </tab-baritem>
    <tab-baritem path="/category">
      <span slot="item-icon" class="iconfont  icon-xiangmu1"></span>
      <div slot="item-text">收藏</div>
    </tab-baritem>
    <tab-baritem path="/cart">
      <span slot="item-icon" class="iconfont  icon-shangpu1"></span>
      <div slot="item-text">购物车</div>
    </tab-baritem>
    <tab-baritem path="/profile">
      <span slot="item-icon" class="iconfont  icon-wode1"></span>
      <div slot="item-text">我的</div>
    </tab-baritem>
  </tab-bar>
</template>

<script lang="js">
import TabBar from '@/components/common/tabbar/TabBar.vue'
import TabBaritem from '@/components/common/tabbar/TabBaritem.vue'

export default {
  name: 'MainTabBar',
  components: {
    // 抽取组件 并 注册组件
    TabBar,
    TabBaritem,
  },
  data() {
    return {

    }
  },
}

</script>



<style scoped></style>